<!doctype html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">

		<title>Stripe.com Navigation</title>
		<style>
			.cd-morph-dropdown .nav-logo {
				position: absolute;
				left: 10vw;
				height: 60px;
				display: table;
				color: white;
			}

			.cd-morph-dropdown .nav-logo .logo-box {
				display: table-cell;
				vertical-align: middle;
			}

			.cd-morph-dropdown .nav-logo .logo-box img {
				max-width: 120px;
				max-height: 60px;
				padding-top: 10px;
				padding-bottom: 10px;
			}

			.cd-morph-dropdown .nav-search {
				position: absolute;
				right: 65px;
				line-height: 60px;
			}

			.swipe {
				width: 100%;
				height: 30vh;
			}

			.swipe .swipe-box {
				position: absolute;
				width: 100%;
				height: 30vh;
				overflow: hidden;
				left: 0;
			}

			.swipe .swipe-box .swipe-item {
				position: relative;
				overflow: hidden;
				top:0;
				left: 0;
				width: 100%;
				
			}

			.swipe .swipe-box .swipe-item img {
				overflow-x: hidden;
				width: 100vw;
				height: 30vh;
				z-index: 1;
			}

			.swipe .swipe-box .swipe-item .swipe-msg {
				position: absolute;
				top: 40%;
				left: 30%;
				z-index: 2;
			}

			.swipe .swipe-box .swipe-item .swipe-msg * {
				color: #fff;
			}

			.swipe .swipe-box .swipe-item .swipe-msg a {
				font-size: 40px;
				font-weight: bold;
			}

			@media only screen and (min-width: 1000px) {
				.cd-morph-dropdown .nav-logo {
					height: 80px;
				}

				.cd-morph-dropdown .nav-logo .logo-box img {
					max-width: 160px;
					max-height: 80px;
				}

				.cd-morph-dropdown .nav-search {
					line-height: 80px;
				}

				.swipe {
					width: 100%;
					height: 100vh;
				}

				.swipe .swipe-box {
					height: 100vh;
				}

				.swipe .swipe-box .swipe-item img {
					width: 100%;
					height: 100%;
				}
			}
		</style>
		<script>
			const GLOBAL_CONFIG = {
				root: '/',
				algolia: undefined,
				localSearch: {
					"path": "search.xml",
					"languages": {
						"hits_empty": "找不到您查询的内容：${query}"
					}
				},
				translate: undefined,
				noticeOutdate: undefined,
				highlight: {
					"plugin": "highlighjs",
					"highlightCopy": true,
					"highlightLang": true,
					"highlightHeightLimit": false
				},
				copy: {
					success: '复制成功',
					error: '复制错误',
					noSupport: '浏览器不支持'
				},
				relativeDate: {
					homepage: false,
					post: false
				},
				runtime: '',
				date_suffix: {
					just: '刚刚',
					min: '分钟前',
					hour: '小时前',
					day: '天前',
					month: '个月前'
				},
				copyright: undefined,
				lightbox: 'fancybox',
				Snackbar: undefined,
				source: {
					justifiedGallery: {
						js: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.js',
						css: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.css'
					}
				},
				isPhotoFigcaption: false,
				islazyload: false,
				isAnchor: false
			}
		</script>
		<script id="config-diff">
			var GLOBAL_CONFIG_SITE = {
				title: '雨落泪尽',
				isPost: false,
				isHome: true,
				isHighlightShrink: false,
				isToc: false,
				postUpdate: '2022-08-17 22:56:04'
			}
		</script>
		<!-- 不支持脚本时用 -->
		<noscript>
			<style type="text/css">
				#nav {
					opacity: 1
				}

				.justified-gallery img {
					opacity: 1
				}

				#recent-posts time,
				#post-meta time {
					display: inline !important
				}
			</style>
		</noscript>
		<script>
			(win => {
				win.saveToLocal = {
					set: function setWithExpiry(key, value, ttl) {
						if (ttl === 0) return
						const now = new Date()
						const expiryDay = ttl * 86400000
						const item = {
							value: value,
							expiry: now.getTime() + expiryDay,
						}
						localStorage.setItem(key, JSON.stringify(item))
					},
					get: function getWithExpiry(key) {
						const itemStr = localStorage.getItem(key)
						if (!itemStr) {
							return undefined
						}
						const item = JSON.parse(itemStr)
						const now = new Date()

						if (now.getTime() > item.expiry) {
							localStorage.removeItem(key)
							return undefined
						}
						return item.value
					}
				}

				win.getScript = url => new Promise((resolve, reject) => {
					const script = document.createElement('script')
					script.src = url
					script.async = true
					script.onerror = reject
					script.onload = script.onreadystatechange = function() {
						const loadState = this.readyState
						if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
						script.onload = script.onreadystatechange = null
						resolve()
					}
					document.head.appendChild(script)
				})

				win.activateDarkMode = function() {
					document.documentElement.setAttribute('data-theme', 'dark')
					if (document.querySelector('meta[name="theme-color"]') !== null) {
						document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
					}
				}
				win.activateLightMode = function() {
					document.documentElement.setAttribute('data-theme', 'light')
					if (document.querySelector('meta[name="theme-color"]') !== null) {
						document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
					}
				}
				const t = saveToLocal.get('theme')

				if (t === 'dark') activateDarkMode()
				else if (t === 'light') activateLightMode()

				const asideStatus = saveToLocal.get('aside-status')
				if (asideStatus !== undefined) {
					if (asideStatus === 'hide') {
						document.documentElement.classList.add('hide-aside')
					} else {
						document.documentElement.classList.remove('hide-aside')
					}
				}

				const detectApple = () => {
					if (/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)) {
						document.documentElement.classList.add('apple')
					}
				}
				detectApple()
			})(window)
		</script>

	</head>
	<body>
		<!-- 导航开始 -->
		<header class="cd-morph-dropdown" id="page-header">
			<span  class="nav-trigger">Open Nav<span aria-hidden="true"></span></span>
			<span class="nav-search social-icon search" style="color: #fff;cursor:pointer"><i class="fa fa-search fa-fw"></i>
				<span>搜寻</span></span>
			<div class="nav-logo">
				<div class="logo-box">
					<a href="#0">
						<img src="img/44.png" />
						<!-- <span> 我是你大爷</span> -->
					</a>
				</div>
			</div>
			<nav class="main-nav">
				<ul>
					<li class="has-dropdown gallery" data-content="about">
						<a href="#0">About</a>
					</li>

					<li class="has-dropdown links" data-content="pricing">
						<a href="#0">Pricing</a>
					</li>

					<li class="has-dropdown button" data-content="contact">
						<a href="#0">Contact</a>
					</li>
				</ul>
			</nav>
			<div class="morph-dropdown-wrapper">
				<div class="dropdown-list">
					<ul>
						<li id="about" class="dropdown gallery">
							<a href="#0" class="label">About</a>
							<div class="content">
								<ul>
									<li>
										<a href="#0">
											<i class="fa fa-snowflake-o" aria-hidden="true"></i> 
											<em>Title here</em>
											<span>A brief description here</span>
										</a>
									</li>

									<li>
										<a href="#0">
											<em>Title here</em>
											<span>A brief description here</span>
										</a>
									</li>

									<li>
										<a href="#0">
											<em>Title here</em>
											<span>A brief description here</span>
										</a>
									</li>

									<li>
										<a href="#0">
											<em>Title here</em>
											<span>A brief description here</span>
										</a>
									</li>
								</ul>
							</div>
						</li>

						<li id="pricing" class="dropdown links">
							<a href="#0" class="label">Pricing</a>

							<div class="content">
								<ul>
									<li>
										<h2>Services</h2>

										<ul class="links-list">
											<li><a href="#0">Logo Design</a></li>
											<li><a href="#0">Branding</a></li>
											<li><a href="#0">Web Design</a></li>
											<li><a href="#0">iOS</a></li>
											<li><a href="#0">Android</a></li>
											<li><a href="#0">HTML/CSS/JS</a></li>
											<li><a href="#0">Packaging</a></li>
											<li><a href="#0">Mobile</a></li>
											<li><a href="#0">UI/UX</a></li>
											<li><a href="#0">Prototyping</a></li>
										</ul>
									</li>

									<li>
										<h2>Projects</h2>

										<ul class="links-list">
											<li><a href="#0">Logo Design</a></li>
											<li><a href="#0">Branding</a></li>
											<li><a href="#0">Web Design</a></li>
											<li><a href="#0">iOS</a></li>
											<li><a href="#0">Android</a></li>
											<li><a href="#0">HTML/CSS/JS</a></li>
										</ul>
									</li>
								</ul>
							</div>
						</li>

						<li id="contact" class="dropdown button">
							<a href="#0" class="label">Contact</a>

							<div class="content">
								<ul class="links-list">
									<li><a href="#0">Link #1</a></li>
									<li><a href="#0">Link #2</a></li>
									<li><a href="#0">Link #3</a></li>
									<li><a href="#0">Link #4</a></li>
									<li><a href="#0">Link #5</a></li>
									<li><a href="#0">Link #6</a></li>
								</ul>

								<a href="#0" class="btn">Get in Touch</a>
							</div>
						</li>
					</ul>

					<div class="bg-layer" aria-hidden="true"></div>
				</div> <!-- dropdown-list -->
			</div> <!-- morph-dropdown-wrapper -->
			<div style="position: absolute;right: 65px;"> </div>
		</header>
		<!-- 导航结束 -->

		<!-- 右边工具栏开始 -->
		<div id="rightside" style="opacity: 0.8; transform: translateX(-58px);">
			<div id="rightside-config-hide"><button id="darkmode" type="button" title="浅色和深色模式转换"><i
						class="fa fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i
						class="fa fa-arrows-h"></i></button></div>
			<div id="rightside-config-show"><button id="rightside_config" type="button" title="设定"><i
						class="fa fa-cog fa-spin"></i></button><button id="translateLink" type="button"
					title="簡繁轉換">繁</button><button id="go-up" type="button" title="回到顶部"><i
						class="fa fa-arrow-up"></i></button></div>
		</div>
		<!-- 右边工具栏开始 -->

		<!-- 轮播开始 -->
		<div class="swipe">
			<ul class="swipe-box">
				<li class="swipe-item animated">
					<img src="img/20220822221648.png" />
					<div class="swipe-msg"><a href="#0"> 我是轮播一</a>
						<p> 如何使用轮播</p>
					</div>
				</li>
				<li class="swipe-item animated">
					<img src="img/20220822221648.png" />
					<div class="swipe-msg"><a href="#0"> 我是轮播二</a>
						<p> 如何使用轮播</p>
					</div>
				</li>
				<li class="swipe-item animated">
					<img src="img/20220822221648.png" />
					<div class="swipe-msg"><a href="#0"> 我是轮播三</a>
						<p> 如何使用轮播</p>
					</div>
				</li>
			</ul>
            <!-- 下跳事件开始 -->
			<div id="scroll-down">
				<i class="fa fa-angle-down scroll-down-effects"></i>
			</div>
			<!-- 下跳事件结束 -->
		</div>
		<!-- 轮播结束 -->
		<!-- 主体部分开始 -->
		<main class="layout" id="content-inner" style="height: auto !important;">
			<div class="recent-posts" id="recent-posts">
				<div class="recent-post-item">
					<div class="post_cover left"><a href="/posts/21cfbf15/" title="Butterfly 安装文档(一) 快速开始"
							data-pjax-state=""><img class="post_bg entered error" src="img/20220822221648.png"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-01-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly 安装文档(一) 快速开始" data-ll-status="error"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/21cfbf15/"
							title="Butterfly 安装文档(一) 快速开始" data-pjax-state="">Butterfly 安装文档(一) 快速开始</a>
						<div class="article-meta-wrap"><span class="article-meta">
								<i class="fa fa-thumb-tack sticky"></i><span class="sticky">置顶</span><span
									class="article-meta-separator">|</span></span><span class="post-meta-date"><i
									class="fa fa-calendar" aria-hidden="true""></i><span class="
									article-meta-label">发表于</span><time datetime="2020-05-28T14:31:46.000Z"
								title="发表于 2020-05-28 22:31:46" style="display: inline;">2020-5-28</time></span><span
								class="article-meta"><span class="article-meta-separator">|</span><i
									class="fa fa-inbox"></i><a class="article-meta__categories"
									href="/categories/Docs%E6%96%87%E6%AA%94/" data-pjax-state="">Docs文档</a>
									&nbsp; &nbsp;
									<a class="article-meta__categories"
									href="/categories/Docs%E6%96%87%E6%AA%94/" data-pjax-state="">Docs文档</a>
									&nbsp; &nbsp;
									<a class="article-meta__categories"
									href="/categories/Docs%E6%96%87%E6%AA%94/" data-pjax-state="">Docs文档</a>
									&nbsp; 
									</span><span
								class="article-meta"><span class="article-meta-separator">|</span><i
									class="fa fa-comments"></i><a class="twikoo-count"
									href="/posts/21cfbf15/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">📖 本教程更新于 2022 年 06 月 24 日，教程的内容针对最新稳定版而更新（如果你是旧版，教程会有些出入，请留意） 🦋 Butterfly
							已经更新到 4.3.0 📚 文档目录 🚀 快速开始 - 📑 主题页面 - 🛠 主题配置-1 - ⚔️ 主题配置-2 - ❓ 主题问答 - ⚡️ 进阶教程 - ✨ 更新日誌 -
							🤞 打赏 你可以通过右下角的 简 按钮切换为简体显示 hexo-theme-butterfly是基于 hexo-theme-melody 的基础上进行开发的。 安装Git安装
							(Github)Git安装 (Gitee)npm安装稳定版【建议】 在你的 Hexo 根目录里 1git clone -b master
							https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 测试版 测试版可能存在
							bug，追求稳定的请安装稳定版 如果想要安装比较新的 dev 分支，可以 1git clone -b dev https://github.com/je ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover right"><a href="/posts/ea33ab97/" title="自定义侧边栏" data-pjax-state=""><img
								class="post_bg entered error"
								src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/aside-diy-cover.png"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/aside-diy-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;" alt="自定义侧边栏"
								data-ll-status="error"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/ea33ab97/" title="自定义侧边栏"
							data-pjax-state="">自定义侧边栏</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-12-30T13:48:10.000Z" title="发表于 2020-12-30 21:48:10"
									style="display: inline;">2020-12-30</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories"
									href="/categories/%E9%80%B2%E9%9A%8E%E6%95%99%E7%A8%8B/"
									data-pjax-state="">进阶教程</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/ea33ab97/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">适用于 &gt;= 3.8.0 侧边栏现在支持自定义了，可以添加自己喜欢的 widget。 可添加自己的 widget，也可以对现有的 widget
							进行排序（博客资料和 公告这两个固定，其它的能排序） widget 排序只需要配置 sort_order就行。（使用了 Flex 佈局的 order 属性，具体可查看 mozilla
							文档。简单来讲，就是配置数字来实现排序，如果不配置，则默认为 0。数字越小，排序越靠前。 12345678910111213141516aside: ...
							card_recent_post: sort_order: # Don't modify the setting unless you know how it works
							card_categories: sort_order: # Don't modify the setting unless you know how it works
							card_tags: sort_order: # Don't modify the setting ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover left"><a href="/posts/c9711c19/" title="当设置 top_img 为 false 时"
							data-pjax-state=""><img class="post_bg entered error"
								src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/when-set-the-top-img-to-false.png"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/when-set-the-top-img-to-false.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="当设置 top_img 为 false 时" data-ll-status="error"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/c9711c19/"
							title="当设置 top_img 为 false 时" data-pjax-state="">当设置 top_img 为 false 时</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-10-28T06:15:34.000Z" title="发表于 2020-10-28 14:15:34"
									style="display: inline;">2020-10-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Demo/"
									data-pjax-state="">Demo</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/c9711c19/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">当设置 top_img 为 false 时，不显示顶部图</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover right"><a href="/posts/507c070f/" title="Butterfly添加全局吸底Aplayer教程"
							data-pjax-state=""><img class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-add-aplayer-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly添加全局吸底Aplayer教程"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/507c070f/"
							title="Butterfly添加全局吸底Aplayer教程" data-pjax-state="">Butterfly添加全局吸底Aplayer教程</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-07-31T11:02:28.000Z" title="发表于 2020-07-31 19:02:28"
									style="display: inline;">2020-7-31</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories"
									href="/categories/%E9%80%B2%E9%9A%8E%E6%95%99%E7%A8%8B/"
									data-pjax-state="">进阶教程</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/507c070f/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">以下文章只是教程 如果部署之后，并没有出现 aplayer , 请确认是否跟足步骤操作或者更换音乐源，多试试。
							如果遇到使用问题，请仔细查看插件文档，或者到插件那里反馈。 前言如果你想使用 aplayer，很多人都会推荐安装 hexo-tag-aplayer 这款插件。这款插件通过 Hexo
							独有的标籤外挂，我们可以很方便的写入一些参数，插件就会帮我们生成对应的 html。如果你只是使用一些简单的功能，其实无需使用到这个插件，只需以 html 格式书写就行，不用插件去转换。
							例如： 如果使用插件，在 markdown 中要这样写
							1{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %}
							其会被插件渲染为 1&lt;div id="aplayer-uxAIfEUs" class="apl ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover left"><a href="/posts/b37b5fe3/" title="自定义代码配色" data-pjax-state=""><img
								class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/CODE-COLOR-COVER.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;" alt="自定义代码配色"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/b37b5fe3/" title="自定义代码配色"
							data-pjax-state="">自定义代码配色</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-06-13T12:41:59.000Z" title="发表于 2020-06-13 20:41:59"
									style="display: inline;">2020-6-13</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories"
									href="/categories/%E9%80%B2%E9%9A%8E%E6%95%99%E7%A8%8B/"
									data-pjax-state="">进阶教程</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/b37b5fe3/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">在Butterfly-安装文档-三-主题配置中已经介绍瞭如何使用自定义代码配色。 这篇文章是使用自定义代码配色的实例教程。
							Highlight以使用Kimbie dark主题配色为例子 配置hljs为true修改Hexo根目录下的_config.yml 123456highlight: enable:
							true line_number: true auto_detect: false tab_replace: hljs: true
							配置highlight_theme为false修改主题配置文件 1highlight_theme: false 下载和修改CSS文件在Github上找到这个CSS
							在Hexo的根目录source文件夹下创立一个self文件夹，在self文件夹创建一个Kimbiedark.css文件 把Github上Kimbie
							dark的CSS代码复製到Kimbiedark.css去。（你也可以直接从Github上下载这个CSS） Kimbiedark.css代码如下
							123456789101112131415161718192021222324252627282930 ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover right"><a href="/posts/6ad51b4/" title="Butterfly 打赏" data-pjax-state=""><img
								class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-donate-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;" alt="Butterfly 打赏"></a>
					</div>
					<div class="recent-post-info"><a class="article-title" href="/posts/6ad51b4/" title="Butterfly 打赏"
							data-pjax-state="">Butterfly 打赏</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-05-28T14:42:48.000Z" title="发表于 2020-05-28 22:42:48"
									style="display: inline;">2020-5-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Thx/"
									data-pjax-state="">Thx</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/6ad51b4/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">非常感谢以下网友的打赏 更新于 2022 - 02 - 04 微信支付宝 名字 金额 B*X 2.33 A*. 0.01 *虎 3 *、 5 *林
							3.75 *雪 10 O*r 15 *泥 0.01 *吗 5 *锋 10 *强 5 K*n 6.66 *1 2.22 图*_ 5 B*e 6.66 n*l 6.66 *仔 5 M*5
							2 w*r 18.88 *龍 1.6 *一 5 *晨 6.66 *随 8.88 *忘 10 *想 6.66 *喜 2.5 *喜 2.5 *杰 8.88 *雨 10 T*r 10 T*n
							2.88 s*n 2 *o 9.99 m*o 2.5 张*i 0.3 *斌 2.88 q*n 20 *唯 8.88 H*n 5 I*U 3.65 *白 6 *猪 6.66 h*i 10
							B*g 5 J*R 3 *夜 6.66 等*. 12.5 n*l 1.68 M*. 38 ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover left"><a href="/posts/198a4240/" title="Butterfly 安装文档(七) 更新日誌"
							data-pjax-state=""><img class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-07-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly 安装文档(七) 更新日誌"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/198a4240/"
							title="Butterfly 安装文档(七) 更新日誌" data-pjax-state="">Butterfly 安装文档(七) 更新日誌</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-05-28T14:41:59.000Z" title="发表于 2020-05-28 22:41:59"
									style="display: inline;">2020-5-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Docs%E6%96%87%E6%AA%94/"
									data-pjax-state="">Docs文档</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/198a4240/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">📖 本教程更新于 2022 年 06 月 24 日，教程的内容针对最新稳定版而更新（如果你是旧版，教程会有些出入，请留意） 🦋 Butterfly
							已经更新到 4.3.0 📚 文档目录 🚀 快速开始 - 📑 主题页面 - 🛠 主题配置-1 - ⚔️ 主题配置-2 - ❓ 主题问答 - ⚡️ 进阶教程 - ✨ 更新日誌 -
							🤞 打赏 你可以通过右下角的 简 按钮切换为简体显示 4.3.0 (2022/06/24)4.3.0 (2022/06/24)Breaking Change archives
							隐藏aside 设置更改 1234aside:- archive: true+ display:+ archive: true 适配 disqusjs 3.0 Feature
							子归档页面显示的文章数量不再显示总文章数量，而是对应的子归档文章数量 为一些数据加载增加 loading 显示 tag 和 category 页面可设置隐藏 aside
							1234aside:+ display:+ tag: true+ ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover right"><a href="/posts/4073eda/" title="Butterfly 安装文档(六) 进阶教程"
							data-pjax-state=""><img class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-docs-06-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly 安装文档(六) 进阶教程"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/4073eda/"
							title="Butterfly 安装文档(六) 进阶教程" data-pjax-state="">Butterfly 安装文档(六) 进阶教程</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-05-28T14:39:25.000Z" title="发表于 2020-05-28 22:39:25"
									style="display: inline;">2020-5-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Docs%E6%96%87%E6%AA%94/"
									data-pjax-state="">Docs文档</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/4073eda/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">📖 本教程更新于 2022 年 06 月 24 日，教程的内容针对最新稳定版而更新（如果你是旧版，教程会有些出入，请留意） 🦋 Butterfly
							已经更新到 4.3.0 📚 文档目录 🚀 快速开始 - 📑 主题页面 - 🛠 主题配置-1 - ⚔️ 主题配置-2 - ❓ 主题问答 - ⚡️ 进阶教程 - ✨ 更新日誌 -
							🤞 打赏 你可以通过右下角的 简 按钮切换为简体显示 建议
							不要把个人需要的文件/图片放在主题source文件夹里，因为在升级主题的过程中，可能会把文件覆盖删除了。在Hexo根目录的source文件夹里，创建一个文件夹来放置个人文件/图片。引用文件直接为/文件夹名称/文件名
							音乐音乐界面使用了插件 hexo-tag-aplayer使用方法请参考插件文档 音乐页面只是普通的page页，按普通页面操作生成就行。 以下内容可供选择配置 注意：
							仍需要安装插件hexo-tag-aplayer 插件会在每一个文件都插入 js 和 css，为了避免这一情况，3.0 版本内置了 aplayer 需要的 css 和 js ...
						</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover left"><a href="/posts/98d20436/" title="Butterfly 安装文档(五) 主题问答"
							data-pjax-state=""><img class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-doc-05-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly 安装文档(五) 主题问答"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/98d20436/"
							title="Butterfly 安装文档(五) 主题问答" data-pjax-state="">Butterfly 安装文档(五) 主题问答</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-05-28T14:38:21.000Z" title="发表于 2020-05-28 22:38:21"
									style="display: inline;">2020-5-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Docs%E6%96%87%E6%AA%94/"
									data-pjax-state="">Docs文档</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/98d20436/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">📖 本教程更新于 2022 年 06 月 24 日，教程的内容针对最新稳定版而更新（如果你是旧版，教程会有些出入，请留意） 🦋 Butterfly
							已经更新到 4.3.0 📚 文档目录 🚀 快速开始 - 📑 主题页面 - 🛠 主题配置-1 - ⚔️ 主题配置-2 - ❓ 主题问答 - ⚡️ 进阶教程 - ✨ 更新日誌 -
							🤞 打赏 你可以通过右下角的 简 按钮切换为简体显示 以下是一些网友在安装的过程中出现的问题。在提问题之前，先看有没有解决方法。 运行后网页显示代码页面只显示 extends
							includes/layout.pug block content #recent-posts.recent-posts include
							includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content
							include includes/aside.pug 请下载安装：npm install hexo-renderer-pug hexo-render ...</div>
					</div>
				</div>
				<div class="recent-post-item">
					<div class="post_cover right"><a href="/posts/ceeb73f/" title="Butterfly 安装文档(四) 主题配置-2"
							data-pjax-state=""><img class="post_bg" src="/img/404.jpg"
								data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-docs-04-cover.png"
								onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
								alt="Butterfly 安装文档(四) 主题配置-2"></a></div>
					<div class="recent-post-info"><a class="article-title" href="/posts/ceeb73f/"
							title="Butterfly 安装文档(四) 主题配置-2" data-pjax-state="">Butterfly 安装文档(四) 主题配置-2</a>
						<div class="article-meta-wrap"><span class="post-meta-date"><i
									class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time
									datetime="2020-05-28T14:38:11.000Z" title="发表于 2020-05-28 22:38:11"
									style="display: inline;">2020-5-28</time></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-inbox"></i><a
									class="article-meta__categories" href="/categories/Docs%E6%96%87%E6%AA%94/"
									data-pjax-state="">Docs文档</a></span><span class="article-meta"><span
									class="article-meta-separator">|</span><i class="fa fa-comments"></i><a
									class="twikoo-count" href="/posts/ceeb73f/#post-comment" data-pjax-state="">0</a>
								<span class="article-meta-label">条评论</span></span></div>
						<div class="content">📖 本教程更新于 2022 年 06 月 24 日，教程的内容针对最新稳定版而更新（如果你是旧版，教程会有些出入，请留意） 🦋 Butterfly
							已经更新到 4.3.0 📚 文档目录 🚀 快速开始 - 📑 主题页面 - 🛠 主题配置-1 - ⚔️ 主题配置-2 - ❓ 主题问答 - ⚡️ 进阶教程 - ✨ 更新日誌 -
							🤞 打赏 你可以通过右下角的 简 按钮切换为简体显示
							评论通用设置DisqusDisqusjslivere（来必力）GitalkValineWalineUtterancesFacebook
							CommentsTwikooGiscus从3.0.0开始，开启评论需要在comments-use中填写你需要的评论。 支持双评论显示，只需要配置两个评论（第一个为默认显示）
							12345678910comments: # Up to two comments system, the first will be shown as default #
							Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Wal ...</div>
					</div>
				</div>
				<nav id="pagination">
					<div class="pagination"><span class="page-number current">1</span><a class="page-number"
							href="/page/2/#content-inner" data-pjax-state="">2</a><a class="extend next" rel="next"
							href="/page/2/#content-inner" data-pjax-state=""><i
								class="fa fa-chevron-right fa-fw"></i></a></div>
				</nav>
			</div>
			<div class="aside-content" id="aside-content" style="height: auto !important;">
				<div class="card-widget card-info">
					<div class="is-center">
						<div class="avatar-img"><img src="/img/friend_404.gif" data-lazy-src="/img/avatar.png"
								onerror="this.onerror=null,this.src=&quot;/img/friend_404.gif&quot;" alt="avatar"
								data-ll-status="error" class="entered error"></div>
						<div class="author-info__name">Jerry</div>
						<div class="author-info__description">A Simple and Card UI Design theme for Hexo</div>
					</div>
					<div class="card-info-data site-data is-center"><a href="/archives/" data-pjax-state="">
							<div class="headline">文章</div>
							<div class="length-num">17</div>
						</a><a href="/tags/" data-pjax-state="">
							<div class="headline">标籤</div>
							<div class="length-num">11</div>
						</a><a href="/categories/" data-pjax-state="">
							<div class="headline">分类</div>
							<div class="length-num">5</div>
						</a></div><a id="card-info-btn" target="_blank" rel="noopener external nofollow noreferrer"
						href="https://github.com/jerryc127/hexo-theme-butterfly"><i class="fa fa-github"></i><span>主题
							GitHub</span></a>
					<div class="card-info-social-icons is-center"><a class="social-icon" href="mailto:my@crazywong.com"
							rel="external nofollow noreferrer" target="_blank" title="Email"><i
								class="fa fa-envelope"></i></a><a class="social-icon" href="/atom.xml" target="_blank"
							title="RSS"><i class="fa fa-rss"></i></a></div>
				</div>
				<div class="card-widget card-announcement">
					<div class="item-headline"><i class="fa fa-bullhorn fa-shake"></i><span>公告</span></div>
					<div class="announcement_content">如果你在使用中遇到问题，请到 <a target="_blank"
							rel="noopener external nofollow noreferrer"
							href="https://github.com/jerryc127/hexo-theme-butterfly/issues" style="color:#49b1f5">Github
							Issues</a> 或者 <a href="/messageboard/" style="color:#49b1f5" data-pjax-state="">留言板</a>
						进行反馈，你也可以加入 QQ 群（由于 QQ 群只能有 500 人，会定时清理潜水的人，不要同时申请 2 个 QQ 群）<div class="social-button"><a
								class="button--animated" href="https://jq.qq.com/?_wv=1027&amp;k=KU9105XR"
								rel="external nofollow noreferrer" target="_blank">QQ 1 群 👍</a> <a
								class="button--animated" href="https://jq.qq.com/?_wv=1027&amp;k=r1nK0DQz"
								rel="external nofollow noreferrer" target="_blank">QQ 2 群 👍</a> <a
								class="button--animated" href="https://t.me/bu2fly" rel="external nofollow noreferrer"
								target="_blank">Telegram 👍</a></div>
					</div>
				</div>
				<div class="card-widget card-docs card-categories">
					<div class="item-headline"><i class="fa fa-car-side"></i><span>文档目录</span></div>
					<div class="item-content">
						<ul class="card-category-list">
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/21cfbf15/" data-pjax-state="">🚀 快速开始</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/dc584b87/" data-pjax-state="">📑 主题页面</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/4aa8abbe/" data-pjax-state="">🛠 主题配置-1</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/ceeb73f/" data-pjax-state="">⚔️ 主题配置-2</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/98d20436/" data-pjax-state="">❓ 主题问答</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/4073eda/" data-pjax-state="">⚡️ 进阶教程</a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/posts/198a4240/" data-pjax-state="">✨ 更新日誌</a></li>
						</ul>
					</div>
				</div>
				<div class="sticky_layout" style="height: auto !important;">
					<div class="card-widget card-recent-post">
						<div class="item-headline"><i class="fa fa-history"></i><span>最新文章</span></div>
						<div class="aside-list">
							<div class="aside-list-item"><a class="thumbnail" href="/posts/ea33ab97/" title="自定义侧边栏"
									data-pjax-state=""><img src="/img/404.jpg"
										data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/aside-diy-cover.png"
										onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;" alt="自定义侧边栏"></a>
								<div class="content"><a class="title" href="/posts/ea33ab97/" title="自定义侧边栏"
										data-pjax-state="">自定义侧边栏</a><time datetime="2020-12-30T13:48:10.000Z"
										title="发表于 2020-12-30 21:48:10">2020-12-30</time></div>
							</div>
							<div class="aside-list-item"><a class="thumbnail" href="/posts/c9711c19/"
									title="当设置 top_img 为 false 时" data-pjax-state=""><img src="/img/404.jpg"
										data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/when-set-the-top-img-to-false.png"
										onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
										alt="当设置 top_img 为 false 时"></a>
								<div class="content"><a class="title" href="/posts/c9711c19/"
										title="当设置 top_img 为 false 时" data-pjax-state="">当设置 top_img 为 false 时</a><time
										datetime="2020-10-28T06:15:34.000Z"
										title="发表于 2020-10-28 14:15:34">2020-10-28</time></div>
							</div>
							<div class="aside-list-item"><a class="thumbnail" href="/posts/507c070f/"
									title="Butterfly添加全局吸底Aplayer教程" data-pjax-state=""><img src="/img/404.jpg"
										data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/Butterfly-add-aplayer-cover.png"
										onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
										alt="Butterfly添加全局吸底Aplayer教程"></a>
								<div class="content"><a class="title" href="/posts/507c070f/"
										title="Butterfly添加全局吸底Aplayer教程"
										data-pjax-state="">Butterfly添加全局吸底Aplayer教程</a><time
										datetime="2020-07-31T11:02:28.000Z"
										title="发表于 2020-07-31 19:02:28">2020-07-31</time></div>
							</div>
							<div class="aside-list-item"><a class="thumbnail" href="/posts/b37b5fe3/" title="自定义代码配色"
									data-pjax-state=""><img src="/img/404.jpg"
										data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/CODE-COLOR-COVER.png"
										onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;" alt="自定义代码配色"></a>
								<div class="content"><a class="title" href="/posts/b37b5fe3/" title="自定义代码配色"
										data-pjax-state="">自定义代码配色</a><time datetime="2020-06-13T12:41:59.000Z"
										title="发表于 2020-06-13 20:41:59">2020-06-13</time></div>
							</div>
							<div class="aside-list-item"><a class="thumbnail" href="/posts/6ad51b4/"
									title="Butterfly 打赏" data-pjax-state=""><img src="/img/404.jpg"
										data-lazy-src="https://fatly.jsdelivr.net/gh/jerryc127/CDN/img/butterfly-donate-cover.png"
										onerror="this.onerror=null,this.src=&quot;/img/404.jpg&quot;"
										alt="Butterfly 打赏"></a>
								<div class="content"><a class="title" href="/posts/6ad51b4/" title="Butterfly 打赏"
										data-pjax-state="">Butterfly 打赏</a><time datetime="2020-05-28T14:42:48.000Z"
										title="发表于 2020-05-28 22:42:48">2020-05-28</time></div>
							</div>
						</div>
					</div>
					<div class="card-widget" id="card-newest-comments">
						<div class="item-headline"><i class="fa fa-comment-dots"></i><span>最新评论</span></div>
						<div class="aside-list">
							<div class="aside-list-item"><a href="/messageboard/#255c0a2befc74ede8387a4c641a0fc12"
									class="thumbnail" data-pjax-state=""><img src="img/44.png"
										data-lazy-src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=pfskJpYcrBAmjsHkF9oQJA&amp;s=140&amp;t=1638060596"
										alt="xuesj"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#255c0a2befc74ede8387a4c641a0fc12"
										title="hexo的配置文档有一个url的配置选项，把里面的地址改成你自己的博客地址"
										data-pjax-state="">hexo的配置文档有一个url的配置选项，把里面的地址改成你自己的博客地址
									</a>
									<div class="name"><span>xuesj / </span><time datetime="2022-08-23T02:56:02.546Z">51
											分鐘前</time></div>
								</div>
							</div>
							<div class="aside-list-item"><a href="/messageboard/#90f2e7e5d262452cbe891664fe5a2b1e"
									class="thumbnail" data-pjax-state=""><img
										data-lazy-src="https://cravatar.cn/avatar/1a1d482449e3489164c5331f5f516ad9?d=identicon"
										alt="Frank"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#90f2e7e5d262452cbe891664fe5a2b1e"
										title="各位大佬，想问下设置友情链接时报错ERROR Process failed: _data/links.yml， 怎么解决"
										data-pjax-state="">各位大佬，想问下设置友情链接时报错ERROR Process failed: _data/links.yml， 怎么解决
									</a>
									<div class="name"><span>Frank / </span><time datetime="2022-08-21T18:11:30.286Z">1
											天前</time></div>
								</div>
							</div>
							<div class="aside-list-item"><a href="/messageboard/#f11387bf32824fb09cb1e9f18debe136"
									class="thumbnail" data-pjax-state=""><img
										data-lazy-src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=OPVfuYicGPO1VY38BmVUf8w&amp;s=140&amp;t=1659947103"
										alt="心流"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#f11387bf32824fb09cb1e9f18debe136"
										title="懂了，移动文件夹就行了" data-pjax-state="">懂了，移动文件夹就行了
									</a>
									<div class="name"><span>心流 / </span><time datetime="2022-08-21T14:12:37.950Z">1
											天前</time></div>
								</div>
							</div>
							<div class="aside-list-item"><a href="/messageboard/#476a6d32bc6e4be7bf781543b57397d6"
									class="thumbnail" data-pjax-state=""><img
										data-lazy-src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=OPVfuYicGPO1VY38BmVUf8w&amp;s=140&amp;t=1659947103"
										alt="心流"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#476a6d32bc6e4be7bf781543b57397d6"
										title="[連結][連結]如何做到上述两个链接都有页面" data-pjax-state="">[連結][連結]如何做到上述两个链接都有页面
									</a>
									<div class="name"><span>心流 / </span><time datetime="2022-08-21T14:00:50.531Z">1
											天前</time></div>
								</div>
							</div>
							<div class="aside-list-item"><a href="/messageboard/#7b3c97fa78a24483ab97164603cad72f"
									class="thumbnail" data-pjax-state=""><img
										data-lazy-src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=xQL8MtFJWlaU6wnIlgGMJQ&amp;s=140&amp;t=0"
										alt="a"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#7b3c97fa78a24483ab97164603cad72f"
										title="wdqd" data-pjax-state="">wdqd
									</a>
									<div class="name"><span>a / </span><time datetime="2022-08-21T02:02:50.343Z">2
											天前</time></div>
								</div>
							</div>
							<div class="aside-list-item"><a href="/messageboard/#ae3542d1f014406894cc2e417901b0ae"
									class="thumbnail" data-pjax-state=""><img
										data-lazy-src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=FkPl1huvS24kLsYBtmyo4Q&amp;s=140&amp;t=1557161987"
										alt="xiaopeng"></a>
								<div class="content">
									<a class="comment" href="/messageboard/#ae3542d1f014406894cc2e417901b0ae"
										title="文章内的文本高亮显示为代码”==文本==”而不显示高亮效果。"
										data-pjax-state="">文章内的文本高亮显示为代码”==文本==”而不显示高亮效果。
									</a>
									<div class="name"><span>xiaopeng / </span><time
											datetime="2022-08-19T12:11:11.446Z">3 天前</time></div>
								</div>
							</div>
						</div>
					</div>
					<div class="card-widget card-categories">
						<div class="item-headline"><i class="fa fa-folder-open"></i> <span>分类</span></div>
						<ul class="card-category-list" id="aside-cat-list">
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/categories/Demo/" data-pjax-state=""><span
										class="card-category-list-name">Demo</span><span
										class="card-category-list-count">5</span></a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/categories/Docs%E6%96%87%E6%AA%94/" data-pjax-state=""><span
										class="card-category-list-name">Docs文档</span><span
										class="card-category-list-count">7</span></a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/categories/Markdown/" data-pjax-state=""><span
										class="card-category-list-name">Markdown</span><span
										class="card-category-list-count">1</span></a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/categories/Thx/" data-pjax-state=""><span
										class="card-category-list-name">Thx</span><span
										class="card-category-list-count">1</span></a></li>
							<li class="card-category-list-item"><a class="card-category-list-link"
									href="/categories/%E9%80%B2%E9%9A%8E%E6%95%99%E7%A8%8B/" data-pjax-state=""><span
										class="card-category-list-name">进阶教程</span><span
										class="card-category-list-count">3</span></a></li>
						</ul>
					</div>
					<div class="card-widget card-tags">
						<div class="item-headline"><i class="fa fa-tags"></i><span>标籤</span></div>
						<div class="card-tag-cloud"><a href="/tags/%E6%95%99%E7%A8%8B/"
								style="font-size:1.35em;color:#ae644b" data-pjax-state="">教程</a><a href="/tags/Hexo/"
								style="font-size:1.35em;color:#c167b8" data-pjax-state="">Hexo</a><a
								href="/tags/%E4%B8%BB%E9%A1%8C/" style="font-size:1.35em;color:#3f0dc1"
								data-pjax-state="">主题</a><a href="/tags/butterfly/"
								style="font-size:1.45em;color:#736ac7" data-pjax-state="">butterfly</a><a
								href="/tags/%E6%89%93%E8%B3%9E/" style="font-size:1.15em;color:#9cba0b"
								data-pjax-state="">打赏</a><a href="/tags/Aplayer/" style="font-size:1.15em;color:#941e4b"
								data-pjax-state="">Aplayer</a><a href="/tags/%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B/"
								style="font-size:1.25em;color:#c39f5e" data-pjax-state="">标籤外挂</a><a
								href="/tags/highlight/" style="font-size:1.25em;color:#828806"
								data-pjax-state="">highlight</a><a href="/tags/demo/"
								style="font-size:1.15em;color:#a0a1c1" data-pjax-state="">demo</a><a
								href="/tags/top-img/" style="font-size:1.15em;color:#805c30"
								data-pjax-state="">top_img</a><a href="/tags/Bar/"
								style="font-size:1.15em;color:#03c25a" data-pjax-state="">Bar</a></div>
					</div>
					<div class="card-widget card-archives">
						<div class="item-headline"><i class="fa fa-archive"></i><span>归档</span><a class="card-more-btn"
								href="/archives/" title="检视更多" data-pjax-state=""><i class="fa fa-angle-right"></i></a>
						</div>
						<ul class="card-archive-list">
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/12/" data-pjax-state=""><span
										class="card-archive-list-date">2020年12月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/10/" data-pjax-state=""><span
										class="card-archive-list-date">2020年10月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/07/" data-pjax-state=""><span
										class="card-archive-list-date">2020年07月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/06/" data-pjax-state=""><span
										class="card-archive-list-date">2020年06月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/05/" data-pjax-state=""><span
										class="card-archive-list-date">2020年05月</span><span
										class="card-archive-list-count">9</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/03/" data-pjax-state=""><span
										class="card-archive-list-date">2020年03月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2020/01/" data-pjax-state=""><span
										class="card-archive-list-date">2020年01月</span><span
										class="card-archive-list-count">1</span></a></li>
							<li class="card-archive-list-item"><a class="card-archive-list-link"
									href="/archives/2019/07/" data-pjax-state=""><span
										class="card-archive-list-date">2019年07月</span><span
										class="card-archive-list-count">1</span></a></li>
						</ul>
					</div>
					<div class="card-widget card-webinfo">
						<div class="item-headline"><i class="fa fa-chart-line"></i><span>网站资讯</span></div>
						<div class="webinfo">
							<div class="webinfo-item">
								<div class="item-name">文章数目 :</div>
								<div class="item-count">17</div>
							</div>
							<div class="webinfo-item">
								<div class="item-name">已执行时间 :</div>
								<div class="item-count" id="runtimeshow" data-publishdate="2019-11-13T00:00:00.000Z">
									1014 天</div>
							</div>
							<div class="webinfo-item">
								<div class="item-name">本站总字数 :</div>
								<div class="item-count">50.4k</div>
							</div>
							<div class="webinfo-item">
								<div class="item-name">本站访客数 :</div>
								<div class="item-count" id="busuanzi_value_site_uv">151623</div>
							</div>
							<div class="webinfo-item">
								<div class="item-name">本站总访问量 :</div>
								<div class="item-count" id="busuanzi_value_site_pv">1108493</div>
							</div>
							<div class="webinfo-item">
								<div class="item-name">最后更新时间 :</div>
								<div class="item-count" id="last-push-date"
									data-lastpushdate="2022-08-07T04:22:21.875Z">15 天前</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>
		<!-- 主体部分结束 -->
		<!-- 底部开始 -->
		<footer id="footer" style="background-image: url('../file.couqiao.net/webimg/footer.webp')">
			<div id="footer-wrap">
				<div class="copyright">&copy;2017 - 2022 By 雨落泪尽</div>
				<div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener"
						href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a
						target="_blank" rel="noopener"
						href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div>
				<div class="footer_custom_text">Powered by <a target="_blank" rel="noopener"
						href="https://webify.cloudbase.net/">CloudBase Webify</a></br><span><a target="_blank"
							rel="noopener" href="https://beian.miit.gov.cn/">苏ICP备17028566号</a>|<a target="_blank"
							href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32011502011571"
							style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
								src="../file.couqiao.net/pic/2022/03/29/6242d597d325a.png" style="float:left;" />苏公网安备
							32011502011571号</a></span></div>
			</div>
		</footer>
		<!-- 底部结束 -->
		<script>
			// 如果没有引入jQuery,则引入
			if (!window.jQuery) document.write('<script src="js/jquery-3.0.0.min.js"><\/script>');
		</script>
		<style>
			.animated {
				-webkit-animation-duration: 1s;
				animation-duration: 1s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			@-webkit-keyframes pulse {
				0% {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
			
				50% {
					-webkit-transform: scale(1.1);
					transform: scale(1.1)
				}
		
				100% {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
			}
			
			@keyframes pulse {
				0% {
					-webkit-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1)
				}
			
				50% {
					-webkit-transform: scale(1.1);
					-ms-transform: scale(1.1);
					transform: scale(1.1)
				}
			
				100% {
					-webkit-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1)
				}
			}		
			.pulse {
				-webkit-animation-name: pulse;
				animation-name: pulse
			}
			
		</style>
		<script src="js/main.js"></script> <!-- Resource jQuery -->
		<script>
			var sDom = $(".swipe-item");
			var liLength = sDom.length;
			var showIndex = liLength - 1;

			function change(inx) {
				$(sDom[inx]).removeClass('pulse');
				setTimeout(() => {
					if (inx == liLength - 1) {
						$(sDom[0]).show();
						$(sDom[0]).addClass('pulse');
						showIndex = 0;
					} else {
						$(sDom[inx + 1]).show();
						$(sDom[inx + 1]).addClass('pulse');
						showIndex += 1;
					}
					$(sDom[inx]).hide();
				}, 400);

			}
			change(showIndex);
			swipeInterval();
			var tpp;

			function swipeInterval() {
				tpp = setInterval(() => {
					change(showIndex)
				}, 5000);
			}
			$(".swipe-box a").mouseenter(function() {
				clearInterval(tpp);
			});

			$(".swipe-box a").mouseout(function() {
				swipeInterval();
			});
		</script>

		<script src="js/utils.js"></script>
		<script src="js/main2.js"></script>
		<script src="js/fancybox.umd.js"></script>
		<div class="js-pjax">
			<script>
				(() => {
					const getCommentUrl = () => {
						const eleGroup = document.querySelectorAll('#recent-posts .article-title')
						let urlArray = []
						eleGroup.forEach(i => {
							urlArray.push(i.getAttribute('href'))
						})
						return urlArray
					}

					const getCount = () => {
						const runTwikoo = () => {
							twikoo.getCommentsCount({
								envId: 'couqiao-4gco7wxh68ab8b23',
								region: '',
								urls: getCommentUrl(),
								includeReply: false
							}).then(function(res) {
								document.querySelectorAll('#recent-posts .twikoo-count').forEach((item,
									index) => {
									item.innerText = res[index].count
								})
							}).catch(function(err) {
								console.log(err)
							})
						}

						if (typeof twikoo === 'object') {
							runTwikoo()
						} else {
							// getScript('https://file.couqiao.net/file/twikoo.all.min.js').then(runTwikoo)
						}
					}

					window.pjax ? getCount() : window.addEventListener('load', getCount)

				})()
			</script>
			<script>
		var type= new Typed("#typed", {
							stringsElement: '#subtitle',
							startDelay: 300,
							typeSpeed: 150,
							loop: true,
							backSpeed: 50
						})
			</script>
		</div>
		<script async data-pjax src="js/busuanzi.pure.mini.js"></script>

		<style>
			/*导航菜单向上滑动*/
			.slideUp {
				-webkit-transform: translateY(-100px);

				transform: translateY(-100px);

				transition: transform .5s ease-out;

			}

			/*导航菜单向下滑动*/
			.slideDown {

				-webkit-transform: translateY(0);

				transform: translateY(0);

				transition: transform .5s ease-out;

			}
		</style>
	

	</body>
</html>
